<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            v-show只是样式的切换是display:none和display:block之间的切换，无论初始条件是什么都会渲染出来，而且dom和css都会保留
            v-if是vue底层编译当初始属性为fales时，组件不会渲染，知道条件为true时，而且切换条件会销毁和挂载组件
            基于v-if的惰性渲染机制，只有必要的时候才会渲染组件，所以会减少界面初始化的开销，但是如果切换平凡使用v-show是一个好的选择
        */ 
    </script>
</body>
</html>